ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

アニメＧＩＦ製作VOL.3

VOL.3

【初心者の方でも作れるアニメーションＧＩＦ】

■【はじめに】

前回は、【自作バナーとプレートを製作】VOL.1とVOL.2でバナーやプレートに、ロゴを書きこむフリーソフトを紹介しました。みなさん、うまくロゴ入りのバナーやプレートが製作出来たでしょうか！そこで今度は、ＧＩＦ画像を動かして見る事にしましょう。 じゃあ、ＧＩＦアニメーションとは何かと言いますと、よく皆さんのホームページで、バナーが点滅したり、かわいいキャラが動いているのを見かけますね。それがＧＩＦアニメーションです。（たいがい(^_-)-☆）ＧＩＦアニメーションとは、単に複数のＧＩＦ画像を結合しただけのものなのです。

■【アニメーションＧＩＦ製作ソフトの紹介】＝＝＝＝＝＝Animation GIF Maker （フリーソフト）

→ 【犬さん】 → 【ぶたさん】 ↓ 【かおさん】

では、私はどんなソフトを使って、このＧＩＦ画像を結合させ、ＧＩＦアニメーションを製作しているかと言いますと、私は、HATTORIさんが開発なさった、ＧＩＦアニメーションが簡単に作れる、Animation GIF Maker(フリーソフト）をダウンロードして使わせて貰っております。ダウンロードは下の【Animation GIF Makerのサイト】にいって出来ます。 更新（2003/10)：【Animation GIF Maker】は配信を中止しました。 こちらのサイトに行ってみて下さい。ソフトが紹介されております。 ホームページのおもちゃ箱 ←左に載せたＧＩＦ画像を見てください。私が製作したアニメＧＩＦを３点載せました。二つの画像を結合させたものが、【犬さん】と【ぶたさん】です。五つの画像を結合した物が、【かおさん】です。３つとも、動作のスピードをちょうど、半分くらいにしてあります。この動作をもっと早くすれば、もっとせわしなく動作します。 【犬さん】も【ぶたさん】も画像が、二つしかありませんから、この程度ですが、画像を増やせば、もっとスムーズな動きを作る事が出来ます。しかしそれは、画像を増やすのですから、自然と重く成りますから、御承知ください。 【二通の製作方法】 （１） 既成のＧＩＦ画像を結合しアニメＧＩＦを作る。 （２） ＧＩＦ画像から製作し、アニメＧＩＦを作る。 私が【Animation GIF Maker】で作りました、アニメＧＩＦは（１）に相当します。ＧＩＦ画像は私が作った物ではありません。素材屋さんから、頂いてきたものを結合して作ったものです。此処で私が何を言いたいかと言いますと、この【Animation GIF Maker】は一言で言えば単に複数のＧＩＦ画像を結合するだけのものです。ですから、ＧＩＦ画像があることがこのソフトを使う上での第一条件になります。 もしあなたが、（２）のように自分で画像を新規に製作するのであれば、お絵かきソフトが必要になります。かつ、そのソフトは、製作した画像をＧＩＦ画像として、保存出来る必要があります。また、（１）のように既に存在する画像を使うのであれば、ＪＰＧ画像や、ＢＭＰ画像をＧＩＦ画像で取り込む為の変換ソフトが、必要になります。ＧＩＦ画像だけ探してくると言うのも大変なことです。後で、このソフトが何故必要になるか解ると思います。じゃあ私が使っている、フリーソフトの画像変換ソフトを、紹介しましょう。 「俺のページ」にある【IrfanView32 日本語版】という、画像変換ソフトです。 【IrfanView32 日本語版】の簡単な説明だけしておきます。というのは、HELPがみな英語なんですよ！(ーー;) ＤＬして、インストールすると←左の【IrfanView32 日本語版】が出てきます。どこかに保存してある、ＢＭＰとかＪＰＧを「ファイル」の「開く」で開きます。ＧＩＦは２５６色以下しか扱えないので、減色の必要があれば、「画像」の「減色」の「指定する」で「２５６」に設定して「ＯＫ」を押します。「ファイル」の「名前を付けて保存」で保存のウインドウを出してから「ファイルの種類」を「GIF - Compuserve GIF」にします。「保存」のボタンをクリックすれば完了です。簡単でしょ。(*^^)v 　【Animation GIF Makerのサイト】 こちらから、【Animation GIF Maker】のＤＬが出来ます。マイソフトウェアをクリックして、ＤＬのページからＤＬしてください。 更新（2003/10)：【Animation GIF Maker】は配信を中止しました。 こちらのサイトに行ってみて下さい。ソフトが紹介されております。 ホームページのおもちゃ箱

■【製作の助言と注意点】

→ 【カラーテーブルアニメ】という機能を使えば上の例のように一枚の「営業中」という画像をベースに色が徐々に変化するようなアニメーションの作成が出来ます。少ない色数のGIFファイル（此処では「営業中」という左の画像です）をベースに作成すると、色の指定が簡単でファイルサイズも大きくなりません。

ＤＬは出来ましたか。そうしますと、←左のような【Animation GIF Maker】がインストールされます。まずはお気に入りの画像を、探してきて保存するのですが、私がよく行く素材屋さんを紹介しましょう。元祖Ｇ－ＴＯＯＬのホームページです。此処には、たくさんのアニメーションＧＩＦ用の素材があります。他にもこの様な素材屋さんは、たくさんありますから、皆さんも探して見てください。 【Animation GIF Makerの解説】 【Animation GIF Maker】の詳しい取り扱い説明は、「はっとりワールド」の「ソフトウェア」【Animation GIF Maker】ＤＬページに 「説明ページ」というのがありますから、そこに行って手順どうりやれば、 誰でも製作できるよう詳しく解説してあります。 【ＧＩＦ画像】 画像は、ＧＩＦ画像であればそれに越したことがないのですが、お気に入りの画像が、ＪＰＧ画像やＢＭＰ画像などだと、【Animation GIF Maker】に取り込むことが出来ません。アニメーションＧＩＦを作るには、ＧＩＦファイルじゃあないといけないんです。「アニメーションＧＩＦ」というぐらいですからね。(^_-)-☆ そこで、威力を発揮するのが、先に述べた画像変換ソフト【IrfanView32 日本語版】です。これは【簡単バナー Ver2.01】を使うときにも便利です。【簡単バナー Ver2.01】は逆に、ＧＩＦが取り込めません、そんな時に【IrfanView32 日本語版】を使って画像を変換すると便利です。 いつも言うことですが、ホームページの素材屋さんに行って、アニメーション用の画像を入手してくるのはいいんですが、著作権や肖像権が各サイトにありますから、よくそれを熟読して支障のない物をＤＬしましょう。画像はマイピクチャーなどに、「名前をつけて保存」 でＤＬして、ストックして置きましょう。直リンクは、管理者さんがとても嫌うことなので、必ずＤＬしましょね。 　 【簡単バナーでアニメＧＩＦを製作】 ←左の一番下は、この前紹介した【簡単バナー Ver2.01】です。これを使って、アニメーションＧＩＦのバナーを作って見ましょう。 此処では↓このアニメーションＧＩＦのバナーを作って見ますよ。（*^_^*） １）「簡単バナー」を起動する。 ２）作製したいバナ－のサイズを決める。 ３）一回、動かす文字、全文を入力し、文字のバランスを確認したら、最初の『簡』の文字を入れる。下のように文字を動かし、全文入力した時の位置に移動し、bmpで保存。 ４）次の文字も同じように繰り返しbmpで保存します。（色、サイズは同じで） ５）次に、文字を入れないバナ－を作製します。（色、サイズは同じで） ６）５）の様に、今度は、全文入れたバナ－を作製します。（色、サイズは同じです） ７）３～６までに作ったバナ－をＧＩＦ形式に変換します。方法は先に紹介した【IrfanView32 日本語版】でＧＩＦに変換します。 ８）【IrfanView32 日本語版】で全てＧＩＦ形式になったバナ－を、Myドキュメントに保存してください。 ９）此処で、【Animation GIF Maker】の出番です。作った何種類かのＧＩＦ画像を編集して結合すれば、一番上のアニメＧＩＦのバナーが出来上がります。出来た動画を、保存すれば、完成です。(*^^)v 簡単ですが、これで私の説明は、終わります。ＨＰの飾り付けに、みなさんもチャレンジしてやって見てください。(^_-)-☆健闘を祈ります。m(__)m （注）アニメーションＧＩＦは、２０～３０Ｋｂ以下で編集することをお勧めします。あまり重くなりますと、大変ですよ。 【Animation GIF Maker】がどうしてもお使いになりたい方は、ご相談下さい。

■